@import "../../lib/base.less";
@mo-w: 996px; //mo = myOrder
.shop-myInvoice{width: @mo-w;margin: 0 auto;}
.shop-invoice-details{background-color: #ffffff;}
.shop-main-w{padding: 0 20px 0 20px;background-color: #ffffff;padding-bottom: 30px;
    >.shop-header{height: 62px;line-height: 68px;text-indent: 20px;font-size: 16px;}
    >.shop-nav{border-left: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;overflow: hidden;
        >li{float: left;width: 98px;height: 38px;border-top: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;text-align: center;line-height: 38px;cursor: pointer;
            a{color: #333333;}
        }
        >.shop-item-s > a{color: #e64545;}
    }
    >.shop-tips{background-color: #fdf7ea;line-height: 20px;padding: 20px 0 27px 15px;margin: 25px 0 0 0;
        >.shop-title{font-size: 14px;}
        a{color: #666666;}
    }
    >.shop-main{overflow: hidden;
        >.shop-header{height: 40px;background-color: #f5f5f5;line-height: 40px;font-size: 12px;text-indent: 0;margin: 26px 0 0 0;
            >span{display: inline-block;text-align: right;}
            >.shop-item1{width: 216px;}
            >.shop-item2{width: 370px;}
            >.shop-item3{width: 108px;}
            >.shop-item4{width: 109px;} 
            >.shop-item5{width: 106px;}
            >.shop-item6{width: 105px;}
            >.shop-item7{width: 87px;}
            >.shop-change-invoice-header{font-size: 14px;width: 104px;}
            >.shop-increase-invoice-qualifications-header{text-indent: 16px;font-size: 14px;
                >span{color: #e64545;padding: 10px;font-size: 12px;}
            }
        }
        >.div-select-all{height: 44px;line-height: 44px;
            >label{cursor: pointer;
                input{vertical-align: middle;}
                span{margin-left: 10px;}
            }
            >span{border: 1px solid #e1e1e1;padding: 0 9px;border-radius: 2px;font-size: 12px;margin: 0;height: 22px;line-height: 22px;display: inline-block;}
            >.shop-item1{margin-left: 15px;cursor: pointer;}
            >.shop-item2{margin-left: 8px;}
            >.shop-item3{float: right;margin-top: 11px;margin-left: 5px;cursor: pointer;}
            >.shop-item4{float: right;margin-top: 11px;cursor: pointer;}
        }
        >.shop-list{
            >.shop-item{border: 1px solid #999999;margin-bottom: 26px;
                >.shop-header{background-color: #f5f5f5;height: 39px;line-height: 39px;
                    >input{vertical-align: middle;margin: 0 15px;cursor: pointer;}
                    >.shop-item1{color: #b2b2b2;}
                    >.shop-item2{color: #333333;}
                    >.shop-item3{color: #b2b2b2;margin-left: 35px;}
                    >.shop-item4{
                        a{color: #333333;}
                    }
                    a{
                        >.shop-item5{background-image: url("@{imgRootDeep}/order_ico_customer_red.png");width: 15px;height: 13px;display: inline-block;vertical-align: middle;margin-left: 15px;}
                    } 
                    
                }
                >.shop-main{
                    >.shop-item{overflow: hidden;padding: 0 0 0 20px;
                        >div{float: left;font-size: 12px;}
                        >.shop-img{width: 80px;height: 80px;border: 1px solid #e1e1e1;margin-right: 16px;margin-top: 20px;
                            img{width: 80px;height: 80px;}
                        }
                        >.shop-title{font-size: 12px;width: 170px;height: 38px;float: left;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 20px;margin-top: 16px;}
                        >.shop-price{width: 58px;height: 44px;margin-left: 80px;margin-top: 20px;
                            p{text-align: center;line-height: 12px;}
                            >.shop-limited-time-offer{border: 1px solid #e64545; color: #e64545;width: 56px;height: 18px;text-align: center;line-height: 18px;margin: 13px 0 0 0;}
                        }
                        >.shop-item{width: 108px;height: 93px;border-left: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;text-align: center;float: right;padding-top: 20px;overflow: hidden;}
                        >.shop-quantity{float: left;margin-left: 147px;margin-top: 20px}
                        >.shop-receiver{
                            span{background-image: url("@{imgRootDeep}/login_icon_user2.jpg.png");display: inline-block;width: 10px;height: 12px;}
                        }
                        >.shop-price-all{
                            >p{margin-bottom: 12px;
                                a{
                                    >span{background-image: url("@{imgRootDeep}/question.mark.png");display: inline-block;width: 14px;height: 14px;vertical-align: bottom;margin-left: 4px;cursor: pointer;}
                                }
                                
                            }
                        }
                        >.shop-status{
                            >p{margin-bottom: 12px;
                                a{color: #333333;}
                            }
                            >.shop-logistics{width: 44px;height: 20px;background-color: #ff8000;margin: 0 auto;line-height: 20px;color: #ffffff;}
                        }
                        >.shop-operating{
                            >p{line-height: 20px;
                                a{color: #559dea;}
                                a:hover{color: #e64545;}
                            }
                        }
                        
                    }
                    
                }
            }
        }
        >.shop-pagination{float: right;}
        >.shop-consolidated-invoice{float: left;
            >label{cursor: pointer;
                input{vertical-align: middle;}
                span{margin-left: 10px;}
            }
            >span{border: 1px solid #e1e1e1;padding: 0 9px;border-radius: 2px;font-size: 12px;margin-left: 15px;height: 22px;line-height: 22px;display: inline-block;cursor: pointer;}
        }
        //我的发票.补开发票
        >.shop-change-invoice-form{line-height: 30px;padding: 16px 0 90px 0;                 
            >div{overflow: hidden;margin: 0 0 20px 0;
                >p{overflow: hidden;}
                .shop-title{text-align: right;width: 90px;margin: 0 18px 0 0;
                    >span{float: right;}
                    >.shop-remind{color: #e64545;margin: 2px 5px 0 0;}
                }
            }
            span{float: left;}
            >.shop-invoice-type{

                >.shop-item{width: 113px;height: 28px;line-height: 28px;text-align: center;margin: 0 10px 0 0;background-color: #eeeeee;color: #d5d5d5;cursor: pointer;position: relative;border: 1px solid #eeeeee;
                    >span{position: absolute;right: -2px;bottom: 0;background-image: url("@{imgRootDeep}/order_adr.s.png");width: 11px;height: 10px;display: none;}
                }
                >.shop-item:hover{border-color: #e64545;}
                >.shop-item-s{background-color: #fafafa;color: #333333;width: 111px;height: 26px;line-height: 26px;border: 2px solid #e64545;
                    >span{display: block;}
                }
            }
            >.shop-invoice-title{
                >.shop-invoice-title-top, p{position: relative;
                 
                    >.shop-item{width: 238px;height: 28px;text-indent: 9px;line-height: 28px;margin: 0 10px 10px 0;color: #cccccc;cursor: pointer;position: relative;border: 1px solid #eeeeee;cursor: pointer;background-color: #eeeeee;
                        >span{position: absolute;right: -2px;bottom: 0;background-image: url("@{imgRootDeep}/order_adr.s.png");width: 11px;height: 10px;display: none;}
                        >input{width: 100%;height: 100%;color: #a7a7a7;font-size: 12px;}
                    }
                    >.shop-item:hover{border-color: #e64545;}
                    >.shop-item-s{background-color: #fafafa;color: #333333;line-height: 26px;border: 2px solid #e64545;width: 236px;height: 26px;
                        >span{display: block;}
                        >input{color: #333333;}
                    }
                    >.shop-item-in{margin-left: 108px}
                }
                >.shop-taxpayer-identification-code{display: none;
                    >.shop-taxpayer-identification-code-in{
                        width: 238px;height: 28px;border: 1px solid #e1e1e1;
                        >input{width: 100%;height: 100%;    font-size: 12px;color: #999999;text-indent: 9px;}
                    }
                }
                
                    
                
            }
            >.shop-invoice-content{
                >.shop-item{width: 113px;height: 28px;line-height: 28px;text-align: center;margin: 0 10px 0 0;background-color: #eeeeee;color: #d5d5d5;cursor: pointer;position: relative;border: 1px solid #eeeeee;
                    >span{position: absolute;right: -2px;bottom: 0;background-image: url("@{imgRootDeep}/order_adr.s.png");width: 11px;height: 10px;display: none;}
                }
                >.shop-item:hover{border-color: #e64545;}
                >.shop-item-s{background-color: #fafafa;color: #333333;width: 111px;height: 26px;line-height: 26px;border: 2px solid #e64545;
                    >span{display: block;}
                }
            }
            >.shop-invoice-phone{
                input{width: 238px;height: 28px;border: 1px solid #e1e1e1;font-size: 12px;color: #999999;float: left;text-indent: 9px;}
                >.shop-phone-prompt{width: 113px;text-align: right;background-image: url("@{imgRootDeep}/ico_tishi.png");color: #e64545;background-repeat: no-repeat;background-position: 10px 6px;display: none;}
            }
            >.shop-invoice-mailbox{
                input{width: 238px;height: 28px;border: 1px solid #e1e1e1;font-size: 12px;color: #999999;float: left;text-indent: 9px;}
            }
            >.shop-invoice-btn{padding: 0 0 0 108px;
                button{width: 64px;height: 30px;background-color: #eeeeee;border-radius: 2px;float: left;margin: 10px 10px 0 0;cursor: pointer;}
                button:hover{background-color: #e64545;color: #ffffff;}
            }
        }
        //我的发票增票资质
        >.shop-increase-invoice-qualifications-form{padding: 20px 0 0 0;
            >.shop-item{overflow: hidden;margin: 0 0 15px 0;line-height: 30px;
                >.shop-title{float: left;text-align: right;width: 93px;line-height: 30px;height: 30px;margin-right: 9px;}
                >input{float: left;margin: 0 0 0 0;}
                >.shop-input-text{border: 1px solid #e1e1e1;width: 258px;height: 28px;text-indent: 10px;font-size: 12px;color: #d3d3d3;}
                >span{float: left;}
                >.shop-input-yes{color: #333333;}
            }
            >.shop-agree{line-height: 12px;height: 12px;margin: 0 0 30px 0;
                a{color: #559dea;}
                input{cursor: pointer;}
            }
            >button{width: 88px;height: 36px;background-color: #e64545;border-radius: 2px;color: #ffffff;margin: 0 0 0 102px;cursor: pointer;}
        }
    }
    //订单详情
    >.shop-invoice-details-table{border: 1px solid #eeeeee;border-bottom: none;border-right: none;width: 955px;
        >.shop-header{width: 954px;height: 38px;background-color: #f5f5f5;border: 1px solid #eeeeee;border-top: none;border-left: none;line-height: 38px;text-indent: 19px;}
        >.shop-main{
            >p{overflow: hidden;

                >span{border: 1px solid #eeeeee;border-top: none;border-left: none;float: left;line-height: 38px;text-indent: 19px;}
                >.shop-col1{width: 158px;height: 38px;}
                >.shop-col2{width: 795px;height: 38px;
                    >.shop-img{background-image: url("@{imgRootDeep}/order_ico_customer_red.png");display: inline-block;width: 15px;height: 13px;vertical-align: middle;cursor: pointer;}
                    >.shop-title{color: #333333;cursor: pointer;}
                    >.shop-title:hover{color: #e64545;}
                    
                }
            }
        }
       
        
    }
    >.shop-commodity{min-height: 456px;
        >.shop-header{height: 40px;background-color: #f5f5f5;line-height: 40px;font-size: 12px;text-indent: 0;margin: 30px 0 0 0;
            >span{display: inline-block;text-align: right;}
            >.shop-item1{width: 216px;}
            >.shop-item2{width: 370px;}
            >.shop-item3{width: 108px;}
            >.shop-item4{width: 109px;} 
            >.shop-item5{width: 106px;}
            >.shop-item6{width: 105px;}
            >.shop-item7{width: 87px;}
            >.shop-change-invoice-header{font-size: 14px;width: 104px;}
            >.shop-increase-invoice-qualifications-header{text-indent: 16px;font-size: 14px;
                >span{color: #e64545;padding: 10px;font-size: 12px;}
            }
        }
        >.shop-item{overflow: hidden;padding: 0 0 0 20px;border: 1px solid #e1e1e1;border-top: none;height: 113px;
            >div{float: left;font-size: 12px;}
            >.shop-img{width: 80px;height: 80px;border: 1px solid #e1e1e1;margin-right: 16px;margin-top: 20px;
                img{width: 80px;height: 80px;}
            }
            >.shop-title{font-size: 12px;width: 170px;height: 38px;float: left;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 20px;margin-top: 16px;
                a{color: #333333;}
                a:hover{color: #e64545;}
            }
            >.shop-price{width: 58px;height: 44px;margin-left: 80px;margin-top: 20px;
                p{text-align: center;line-height: 12px;}
                >.shop-limited-time-offer{border: 1px solid #e64545; color: #e64545;width: 56px;height: 18px;text-align: center;line-height: 18px;margin: 13px 0 0 0;}
            }
            >.shop-item{width: 108px;height: 93px;border-left: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;text-align: center;float: right;padding-top: 20px;overflow: hidden;}
            >.shop-quantity{float: left;margin-left: 147px;margin-top: 20px}
            >.shop-receiver{
                span{background-image: url("@{imgRootDeep}/login_icon_user2.jpg.png");display: inline-block;width: 10px;height: 12px;}
            }
            >.shop-price-all{
                >p{margin-bottom: 12px;
                    >span{background-image: url("@{imgRootDeep}/question.mark.png");display: inline-block;width: 14px;height: 14px;vertical-align: bottom;margin-left: 4px;cursor: pointer;
                        a{width: 100%;height: 100%;display: inline-block;}
                    }
                }
            }
            >.shop-status{
                >p{margin-bottom: 12px;
                    a{color: #333333;}
                }
                >.shop-logistics{width: 44px;height: 20px;background-color: #ff8000;margin: 0 auto;line-height: 20px;color: #ffffff;}
            }
            >.shop-operating{
                >p{line-height: 20px;
                    a{color: #559dea;}
                    a:hover{color: #e64545;}
                }
            }
            
        }
    }
}
